<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html class="x-admin-sm">
<head>
<meta charset="UTF-8">
	<title>店铺列表</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />

   <style>
    body {
      padding: 0;
      margin: 0;
    }
    .poster-en img {
      width: 100%;
      height: 100%;
    }

    .save {
      width: 62.9%;
      height: 0.9rem;
      /* line-height: 0.9rem; */
      border-radius: 10px;
      background-color: #000000;
      opacity: 0.5;
      text-align: center;
      position: fixed;
      top: 50%;
      left: 50%;
      margin-left: -31.5%;
      margin-top: -0.45rem;
    }

    .save-desc {
      color: #ffffff;
      font-size: 0.3rem;
    }
  </style>
  <script src="<c:url value='/jsp/t/jquery-1.10.1.min.js'/>"></script>
  <script src="<c:url value='/jsp/t/poster.js'/>"></script>
  <script src="<c:url value='/jsp/t/rem.js'/>"></script>
</head>

<body>
  <div class="container">
    <div class="poster-en" id="poster"></div>
    <div class="save">
      <!-- <div class="save-img"></div> -->
      <p class="save-desc">长按保存图片，即刻分享</p>
  </div>
  </div>

  <script>
    $('.poster-en').css('height', $(window).height())
    $('.poster-en').css('width', $(window).width())
    poster.init({
      // "../../../static/js/timg.jpg" this.allArr[0].wxShareImg
      banner: "<c:url value='/jsp/test/bg.png'/>",
      selector: ".poster-en",
      title: '徐伟笨蛋',
      titleStyle: {
        font: "500 32px Arial",
        color: "#282828",
        lineHeight: 0.4
      },
      content: '简直太笨了，无法找到合...',
      // "../../../static/js/dog.jpg"
      contimg: 'https://thirdwx.qlogo.cn/mmopen/PiajxSqBRaELxKXpO8lUGxofzlkDI9JDHJkStgpvXDOuR7ZlPdB3WIoedhjwDrMyq9WNRqejIusg5GPWNgeEWdA/132',
      contentStyle: {
        font: "24px Arial",
        lineHeight: 0.7,
        position: "left",
        color: "#686868"
      },
      scenetitle: '博客小镇',
      scenedesc: '综合,农林,医科,艺术,双一流',
      logo: "Zavrs",
      lone: "AVR内容聚合分发平台",
      ltwo: "长按识别二维码",
      // "../../../static/js/timg.jpg"
      //codeimg: 'https://youke.dingdao8.com/attachment/images/2/2019/08/Uku7Z1U0oAbK0mDmKuJvmkwQ1MbD0s.jpg',
	   codeimg: '${binary}',
      description: ""
    });
  </script>
</body>

</html>